/** Add css rules here for your application. */

body {
  padding: 10px;
}

/* GameBoard flex table*/
.gameBoard {
  border: 1px solid silver;
  padding: 2px;
  margin-bottom:6px;
}

.gameBoardCell {
  height: 3em;
  width: 3em;
  padding: 3px;
  text-align: center;
  color: white;
  background-color: RoyalBlue;
}

.gameBoardCellShip {
   height: 3em;
  width: 3em;
  padding: 3px;
  text-align: center;
  color: white;
  background-color: Green;
}

.gameBoardCellMissedShot {
  height: 3em;
  width: 3em;
  padding: 3px;
  text-align: center;
  color: white;
  background-color: Gray;
}

.gameBoardCellShipDeckDamaged {
  height: 3em;
  width: 3em;
  padding: 3px;
  text-align: center;
  color: white;
  background-color: GoldenRod;
}

.gameBoardCellShipDeckDestroyed {
  height: 3em;
  width: 3em;
  padding: 3px;
  text-align: center;
  color: white;
  background-color: Red;
}

.autoFleetDeployButton {
  margin:auto;
  width:70%;
  padding: 10px;
  background-color: magenta;
}

